{include file="common/head_s"/}
<style type="text/css">
.layui-table-view{ margin: 0px!important; }
</style>
<div class="main">  
    <div class="layui-card-header">订单明细</div> 
    <div class="demoTable pd15 layui-form"> 
        <div class="layui-inline">
            <select name="shopid" id="shopid" ng-model="field.shopid" lay-filter="shopid" lay-verify="required">
                <option value="">按所属商城</option>
                {volist name="channelinfo" id="vo"}<option value="{$vo.shopid}" id="{$vo.shopname}">{$vo.shopname}</option>  {/volist}
            </select> 
        </div>
        <div class="layui-inline">
            <select name="cionid" id="cionid" ng-model="field.cionid" lay-filter="cionid" lay-verify="required">
                <option value="">按所属币种</option>
                {volist name="cionlist" id="vo"}<option value="{$vo.id}">{$vo.name}/{$vo.name_en}</option>{/volist}
            </select>
        </div>
        <div class="layui-inline">
            <select name="state" id="state" ng-model="field.state" lay-filter="state" lay-verify="required">
                <option value="">按支付状态</option>
                <option value="0">待支付</option>
                <option value="1">待确认</option>
                <option value="2">已确认</option> 
            </select>
        </div>
        <div class="layui-inline">
            <select name="points" id="points" ng-model="field.points" lay-filter="points" lay-verify="required">
                <option value="">按上分状态</option>
                <option value="0">待上分</option>
                <option value="1">自动上分</option>
                <option value="2">手动上分</option>
            </select>
        </div>
        <div class="layui-inline"> 
            <input type="text" class="layui-input" id="timess" placeholder="选择日期"> 
        </div>
        <div class="layui-inline">
            <input class="layui-input" name="orderid" id="orderid" placeholder="平台订单号">
        </div>
        <div class="layui-inline">
            <input class="layui-input" name="orderid_out" id="orderid_out" placeholder="商户订单号">
        </div>
        <button class="layui-btn layui-btn-primary" id="search" data-type="reload">搜索</button>  
    </div> 
    <div class="pd15" style="padding-top: 0px;">
        <blockquote class="layui-elem-quote"><span class="red">待支付：</span>{$payorder.no}元，<span class="blue">待确认：</span>{$payorder.que}元，<span class="gre">已确认：</span>{$payorder.yes}元</blockquote>
        <table class="layui-table layui-hide" id="orderlist" lay-filter="listss"></table>
    </div> 
</div>
<script type="text/html" id="topNav">
    <a href="{:url('index')}" class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe857;</i>全部订单明细</a> 
    <div class="layui-btn layui-btn-sm layui-btn-primary" onclick="orderquan('today')"><i class="layui-icon">&#xe857;</i>今日订单明细</div> 
    <div class="layui-btn layui-btn-sm layui-btn-primary" onclick="orderquan('yesterday')"><i class="layui-icon">&#xe857;</i>昨日订单明细</div> 
    <div class="layui-btn layui-btn-sm layui-btn-primary" onclick="orderquan('week')"><i class="layui-icon">&#xe857;</i>本周订单明细</div> 
    <div class="layui-btn layui-btn-sm layui-btn-primary" onclick="orderquan('last week')"><i class="layui-icon">&#xe857;</i>上周订单明细</div> 
    <div class="layui-btn layui-btn-sm layui-btn-primary" onclick="orderquan('month')"><i class="layui-icon">&#xe857;</i>本月订单明细</div> 
    <div class="layui-btn layui-btn-sm layui-btn-primary" onclick="orderquan('last month')"><i class="layui-icon">&#xe857;</i>上月订单明细</div> 
</script> 
<script type="text/html" id="action">
    {{# if(d.state==0 && d.points==0){ }}
        <div class="layui-btn layui-btn-danger layui-btn-xs" lay-event="orderdel">删除</div>
    {{# }else{ }}
        <div class="layui-btn layui-btn-disabled layui-btn-xs">删除</div>
    {{# } }} 
</script>
<script type="text/html" id="payinfo">
    {{# if(d.bankid){ }}<div onmouseover="layer.tips('{{d.bank_name}}<br>收款账号：{{d.bank_no}}<br>支付时间：{{d.paytime}}',this,{area: 'auto',tips: [1, '#333']});" onmouseout="layer.closeAll();">{{d.payname}}</div>{{# } }} 
</script> 
<script src="/static/plugins/layui/layui.js"></script> 
<script>
    layui.use(['table','form','laydate'], function() { 
        var table = layui.table,form = layui.form, $ = layui.jquery,laydate = layui.laydate;
        laydate.render({
            elem: '#timess',range: true
        });
        tableIn = table.render({
            id: 'listss',
            elem: '#orderlist',
			toolbar: '#topNav',
            url: '{:url("index")}',
            method: 'post', 
            page: true,
            cols: [[ 
                {field: 'orderid', title: '平台订单号',align: 'center', width:138, fixed: true},                 
                {field: 'cionname', title: '币种名称',align: 'center', width: 120, fixed: true},
                {field: 'money', title: '订单金额',align: 'center', width: 120, fixed: true}, 
                {field: 'orderid_out', title: '商户订单号',align: 'center', width: 150},
                {field: 'price', title: '单价/CNY',align: 'center', width: 100},
                {field: 'number', title: '数量',align: 'center', width: 100},
                {field: 'state_name', title: '订单状态',align: 'center', width: 100}, 
                {field: 'points_name', title: '上分状态',align: 'center', width: 100}, 
                {field: 'payname', title: '支付信息',align: 'center', width: 100,templet: '#payinfo'}, 
                {field: 'fei_user', title: '手续费',align: 'center', width: 80},  
                {field: 'channelname', title: '所属通道',align: 'center', width: 100}, 
                {field: 'shopname', title: '所属商户',align: 'center', width: 100}, 
                
                {field: 'note', title: '备注信息',align: 'center', width: 120},  
                {field: 'addtime', title: '提交时间',align: 'center', width: 142}, 
                {title: '操作', width: 80,align: 'center', fixed:'right',toolbar: '#action'},
            ]],
            limit: 10 //每页默认显示的数量
        });  
        //搜索
        $('#search').on('click', function() {
            var shopid = $('#shopid').val();
            var cionid = $('#cionid').val();
            var timess = $('#timess').val();
            var state = $('#state').val();
            var points = $('#points').val();
            var orderid = $('#orderid').val();
            var orderid_out = $('#orderid_out').val();
            if($.trim(shopid)==='' && $.trim(cionid)==='' && $.trim(timess)==='' && $.trim(orderid)===''  && $.trim(orderid_out)==='' && $.trim(state)==='' && $.trim(points)==='' ) {
                layer.msg('请输入平台订单号或商户订单号！',{icon:0});
                return;
            }else{
                tableIn.reload({ page: {page: 1},where: {shopid: shopid,cionid: cionid,timess: timess,orderid: orderid,orderid_out: orderid_out,state: state,points: points}});
            } 
        }); 
        table.on('tool(listss)', function(obj) {
            var data = obj.data;
            if(obj.event === 'orderdel') {
                layer.confirm('您确定要删除该订单吗？', function(index){ 
                    $.post("{:url('del')}",{id:data.id},function(res){
                        if(res.code===1){
                            layer.msg(res.msg,{time:1000,icon:1});
                            tableIn.reload();
                        }else{
                            layer.msg(res.msg,{time:1000,icon:2});
                        }
                    });
                    layer.close(index);
                });
            }
            if(obj.event === 'checkpay') {
                layer.confirm('请确定您是否已经收到相应的款项！', function(index){ 
                    $.post("{:url('uppay')}",{id:data.id},function(res){
                        if(res.code===1){
                            layer.msg(res.msg,{time:1000,icon:1},function(){ 
                                tableIn.reload();  
                            });
                        }else{
                            layer.msg(res.msg,{time:1000,icon:2});
                        }
                    });
                    layer.close(index);
                });
            }
            if(obj.event === 'shangfeng') {  
                layer.open({
                    type: 1 
                    ,id: 'shangfeng' //防止重复弹出
                    ,title: '您正在进行上分操作！'
                    ,btn: ['自动上分','手动上分']
                    ,btnAlign: 'c' //按钮居中
                    ,shade: 0.7 //不显示遮罩
                    ,yes: function(){
                        $.post("{:url('pay/notify/index')}",{id:data.id},function(res){
                            console.log(res);
                            if(res.code===1){
                                layer.msg(res.msg,{time:1000,icon:1},function(){ 
                                    tableIn.reload();
                                });
                            }else{
                                layer.msg(res.msg,{time:1000,icon:2});
                            }
                        });
                        layer.closeAll();
                        // $.post("{:url('gopoints')}",{id:data.id,points:1},function(res){
                        //     if(res.code===1){
                        //         layer.msg(res.msg,{time:1000,icon:1},function(){ 
                        //             tableIn.reload();
                        //         });
                        //     }else{
                        //         layer.msg(res.msg,{time:1000,icon:2});
                        //     }
                        // });
                        // layer.closeAll();
                    }
                    ,btn2:function(){
                        $.post("{:url('gopoints')}",{id:data.id,points:2},function(res){
                            if(res.code===1){
                                layer.msg(res.msg,{time:1000,icon:1},function(){ 
                                    tableIn.reload();
                                });
                            }else{
                                layer.msg(res.msg,{time:1000,icon:2});
                            }
                        });
                    } 
                });   
            }
        });  
    });
    function orderquan(timessss){
        tableIn.reload({ page: {page: 1},where: {timequan:timessss}}); 
    } 
</script>
</body>
</html>